<!doctype html>
<html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width initial-scale="><title>regist</title>
    <link rel="stylesheet" href="jquery.mobile-1.3.2.min.css">
    <link rel="stylesheet" href="mytheme.css">
    <script src="jquery-1.8.3.min.js"></script>
    <script src="jquery.mobile-1.3.2.min.js"></script>
    
    </head>


	<!--设置样式主题-->
    <div data-role="page" data-theme="a">
    
        <div data-role="header">
        <a href="#" data-role="button" data-icon="arrow-l">回首页</a>
         <h1>订单列表</h1>
         </div>
         
         	<!--主体-->
          <div data-role="content">
          <p>以下为您的订购列表：</p>
           <div class="ui-grid-c" >
             <div class="ui-block-a" style="border: 1px solid black; background:#F1247f" ><span style="color:#FFF">甜品编号</span></div>
             <div class="ui-block-b" style="border: 1px solid black; background:#F1247f"><span style="color:#FFF">甜品种类</span></div>
             <div class="ui-block-c" style="border: 1px solid black; background:#F1247f"><span style="color:#FFF">口味</span></div>
             <div class="ui-block-c" style="border: 1px solid black; background:#F1247f""><span style="color:#FFF">订购数量</span></div>
             <div class="ui-block-c" style="border: 1px solid black; background:#e5e3e4""><span>1001</span></div>
             
             <div class="ui-block-c" style="border: 1px solid black; background:#e5e3e4""><span>粉红色包装</span></div>
             <div class="ui-block-d" style="border: 1px solid black; background:#e5e3e4""><span>核桃</span></div>
             <div class="ui-block-e" style="border: 1px solid black; background:#e5e3e4""><span>1</span></div>
             
             <div class="ui-block-a" style="border: 1px solid black; background:#e5e3e4""><span>1002</span></div>
             <div class="ui-block-d" style="border: 1px solid black; background:#e5e3e4""><span>一般盒装</span></div>
             <div class="ui-block-c" style="border: 1px solid black; background:#e5e3e4""><span>夏威夷豆</span></div>
             <div class="ui-block-b" style="border: 1px solid black; background:#e5e3e4""  ><span>2</span></div>
             
             <div class="ui-block-a" style="border: 1px solid black; background:#e5e3e4""><span>1003</span></div>
             <div class="ui-block-d" style="border: 1px solid black;background:#e5e3e4""><span>铁盒精致</span></div>
             <div class="ui-block-c" style="border: 1px solid black;background:#e5e3e4""><span>花生</span></div>
             <div class="ui-block-b" style="border: 1px solid black;background:#e5e3e4""><span>1</span></div>
             
             
           </div>
         
      </div>
          	<!--底部-->
            
          <div data-role="footer" data-position="fixed" >
          
          <h1>订购专线：90917777</h1>
          </div>
          
        </div>
</body>
<ml>


</body>
</html>
